<template>
	<view v-if="is==0" class="boss">

	<u-popup v-model="flag1" mode="center">
			<image :src="img+'popups.png'"  mode="widthFix"></image>
		</u-popup>
		<image :src="img+'rule-icon.png'" mode="widthFix"
			style="width: 44rpx;position: fixed;right: 0;top: 152rpx;z-index: 9999;" @click="show1=true"></image>

		<image :src="img+'tel-icon.png'" mode="widthFix"
			style="width: 44rpx;position: fixed;right: 0;top: 250rpx;z-index: 9999" @click="call"></image>
		<view class="agreement-confirm-main-box" v-if="shows">
			<view class="agreement-confirm-box">
				<view class="title">用户协议及隐私保护</view>
				<view class="content">
					已阅读并同意
					<text class="tip" @click="show1=true">《活动规则》</text>
					<text class="tip" @click="show=true">《关于用户个人信息收集、使用规则公告》</text>

				</view>
				<view class="submit-btn" @click="okHandler">同意并继续</view>
				<view class="cancel-btn" @click="shows=false">不同意</view>
			</view>

		</view>
		<view class="agreement-main-box" v-if="show">
			<view class="agreement-box">
				<view class="title">{{title}}</view>
				<view class="content-box">
					<view class="content" v-for="item in content">
						{{item}}
					</view>
				</view>
				<view class="btn" @click="show=false">我知道了</view>
			</view>
		</view>
		<view class="agreement-main-box" v-if="show1">
			<view class="agreement-box">
				<view class="title">{{title1}}</view>
				<view class="content-box">
					<view class="content" v-for="item in content1">
						{{item}}
					</view>
				</view>
				<view class="btn" @click="show1=false">我知道了</view>
			</view>
		</view>

		<image :src="img+'t.png'" mode="widthFix" style="width: 100%;height: auto"></image>





		<view class="">

			<view class="d_f j_c_c" v-if="phone">
				<image :src="img+'btn.png'" mode="widthFix" style="width:588rpx;height: auto;" @click="add" class="ts">
				</image>


			</view>
			<button class="mobile-btn" open-type="getPhoneNumber" @getphonenumber="getphonenumber" v-else>
				<image class="submit-btn" mode="widthFix" style="width:600rpx;height: auto" :src="img+'btn.png'">
				</image>
			</button>

			<view class="" style="width: 100%;margin-top: 20rpx;">
				<view class=""
					style="display: flex;width: 100%;calign-items: center;justify-content: center;font-size: 20rpx;">
					<checkbox-group @change="agreementChange">
						<checkbox :checked="value" style="size: 10rpx;zoom:70%;font-size: 30rpx;">

						</checkbox>
					</checkbox-group>

					<text style="line-height: 36rpx;">我已阅读并同意</text>
					<text style="color:#FFF39D;line-height: 36rpx;" @click="show=true">《关于用户个人信息收集、使用规则公告》</text>
					<text style="color:#FFF39D;line-height: 36rpx;" @click="show1=true">《活动规则》</text>

				</view>


			</view>

			<image :src="img+'b.png'" mode="widthFix" style="width: 100%;height: auto;margin-top: 20rpx;"></image>
			<view class="tip-text">
				业务资费：首周免费，续订29.9元/月（可随时取消）
			</view>
			<view class="tip-text">
				续订权益：50元长龙航空云商城优惠券，视频会员月卡多选1
			</view>
			<view class="tip-text">
				100元团油加油券，100车主礼包
			</view>

			<view class="tip-texts">
				客服热线：400-8825-101
			</view>
		</view>
	</view>



	<view v-else style="height: 100vh;display: flex;justify-content: center;align-items: center;color: #00000;">
		该功能暂未开通
	</view>
</template>

<script>
	import {
		clhksubOrder,
		getPhone,
		getshenhe,
		newtj,
		alipayadsta,
		getAliUseridHjk
	} from '../../api/index.js'
	export default {
		data() {
			return {
				flag1:false,
				img: "https://web.78keji.cn/v2img/lbkpros/cdq/",
				flagx: false,
				flagxx: false,
				flagxxx: false,
				shows: false,
				timestamp: 300,
				is: "",
				a: '',
				id: "",
				params: "",
				show: false,
				show1: false,
				title: '关于客户个人信息收集、使用规则公告',


				content1: [
					'龙宝省心卡pro',
					'1、客服咨询：',
					'在使用联合产品过程中对任一产品有疑问，应咨询对应产品客服。用户在视频会员产品使用过程中遇到任何问题，请咨询客服热线：400-882-5010。',
					'2、活动对象：',
					'所有正规注册用户均可参与活动。',
					'3、产品资费：',
					'本产品为龙宝省心卡-首周免费，首周免费包含：5元充电券+首次实名认证成功可领300元券包+视频会员周卡盲盒。连续包月29.9元/月，开通立即生效，到期后自动续订。扣费采用签约代扣的方式进行收费，会在每一个计费周期到期前24小时，自动从您的账户中扣费。如对产品有异议或者建议等，请联系客服记录处理。',
					'4、权益说明：',
					'（1）首周免费权益包含：：',
					'a、5元充电券；',
					'b、热门视频会员周卡盲盒',
					'c、首次实名认证成功300元券包。',
					'（2）本连续包月产品包含',
					'a、热门视频会员月卡多选1，（视频会员明细：腾讯视频、爱奇艺、优酷、芒果、咪咕视频、南瓜视频、pp视频、1905电影网、欢喜首映、埋堆堆视频、哔哩哔哩、华为影视、人人视频、搜狐视频；办理步骤图示详解--可参考文章末尾附件）；',
					'b、50元浙江长龙航空云商城优惠券，可在小程序或APP中使用（每月限领一张，每张优惠券领取后有效期为30天）',
					'c、100元团油加油券（2张无门槛5元，6张200-10元，2张350-15元，一次性到账，每次加油满6.01、200、350使用）；',
					'd、100元车主礼包（包含代驾券包、ETC办理、洗车 券包、出行机票券、飞猪旅行券、 火车优惠券）。',
					'5、权益领取：',

					'（1）热门视频会员月卡多选1：',
					'微信搜索关注【省心24】公众号--点击左下角会员中心--领取视频会员--登陆登录办理联合会员权益手机号--选择所需对应会员领取即可。',
					'（2）长龙云商城优惠券',
					'a、微信小程序搜索“长龙航空云商城“，点击主页下方“我的”登陆/注册账号；',
					'b、使用购买龙宝省心卡的手机号登陆并实名认证，自动同步会员积分；',
					'c、每月可领取1张50元长龙云商城会员优惠券，具体消费路径可在个人中心优惠券入口点击去使用；',
					'd、每张券领取后有效期仅30天；',
					'e、月度开放兑换的福利商品均不同，具体见活动详情页展示；',
					'（3）团油加油券：',
					'a、登录团油app或团油小程序，点击我的-优惠券，即可查看权益并使用;',
					'b、优惠券仅限与团油合作的部分加油站的汽油可用。具体油站及油号以团油平台显示的为准;',
					'c、优惠券不可与平台直降活动叠加，不退换不找零，同一订单只能使用一张。',
					'前往微信公众号【省心24】-【领福利】-【立减金】领取您的优惠券权益（领取详情见阅短信）',
					'6、取消续费：如需解约本产品，请在会员权益到期前至支付宝“设置—支付设置一免密支付自动扣款一选择需要退订的产品”关闭服务。微信退订流程：“我的--服务--钱包--支付设置--自动续费--选择需要退订的产品”关闭服务。',
					'7、退费说明：联合产品属虚拟类商品，非预付卡，不适用无理由退货，开通成功后，不支持退款和转移，联合产品权益不可转让。',
					'8、严禁以任何形式翻录或转载、未经许可在第三方平台传播，违者将追究法律责任。',
					'9、您在购买自动续费服务后，将会在到期前为您发起续费，自动延长一个月浙江长龙航空优惠券+视频会员包；可随时在支付宝-支付设置内取消，以及微信支付设置中关闭自动续费，取消后则不再发起续费，在视频会员包与第三方合作发生变更或终止时，您的订购服务将自动解约，以届时实际通知为准。',
					'10、特别提醒',
					'（1）购买本联合产品，应同时遵守省心视频会员包与浙江长龙航空产品各自发布的《用户服务协议》、《隐私权政策》、《会员服务协议》（统称“平台规则”），如违反任一平台规则，省心视频会员包与浙江长龙航空产品任何一方均有权单独按照其平台规则的规定进行处理，包括但不限于中止或终止提供其所属平台的服务及要求侵权赔偿等。故在开通前，请仔细阅读两个平台的规则。',
					'（2）用户信息保护：为您领取权益目的，省心视频会员包与浙江长龙航空产品会收集使用您的相关信息。当您购买联合产品，表明您接受并同意收集使用您的个人信息。活动主办方使用个人信息仅限于购买、领取、使用联合产品所需，并在合理范围内予以保护，详细个人信息政策请阅省心视频会员包与浙江长龙航空产品隐私权政策》及《用户服务协议》。如您不同意请不要参与本次活动。',
					'（3）互联网存在诸多不确定性因素，因此理解并同意，如因不可抗力、网络、通讯线路故障、计算机大规模瘫痪及活动中存在大面积作弊行为等非主办方原因致使本活动出现异常情况或难以继续开展的，活动主办方有权采取包括但不限于通过各种方式消除异常情况或调整、暂停、取消本活动等措施，因此造成用户损失的，主办方不承担责任。',
					'（4）如出现不可抗力或情势变更的情况（包括但不限于重大灾害事件，活动受政府机关指令需要停止举办或调整的，活动遭受严重网络攻击或因系统故障导致包括但不限于活动中断、停办、权益领取和使用出现问题），活动主办方可依据相关法律法规的规定主张免责，主办方拥有取消本次活动的权利。',
					'（5）在法律规定的范围内，主办方有权对活动规则进行解释，并根据活动的实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在本活动规则页面，公布后依法生效。',
					'（6）如果用户出现违规行为（如作弊领取、恶意套现、刷取信誉、虚假交易、以所获得权益进行盈利、不当使用、倒买倒卖等违背诚实信用的行为），活动主办方将取消收回全部权益（含已使用的及未使用的），必要时追究法律责任。',
				],

				content: [
					"用户协议",
					"尊敬的用户，欢迎使用由四川蜀游互娱网络科技有限公司（下列简称为“蜀游互娱”）提供的服务。在使用前请您阅读如下服务协议，使用本应用即表示您同意接受本协议，本协议产生法律效力，特别涉及免除或者限制蜀游互娱责任的条款，请仔细阅读。如有任何问题，可向蜀游互娱咨询。",
					"1. 服务条款的确认和接受",
					"通过访问或使用本应用，表示用户同意接受本协议的所有条件和条款。",
					"2. 服务条款的变更和修改",
					"蜀游互娱有权在必要时修改服务条款，服务条款一旦发生变更，将会在重要页面上提示修改内容。如果不同意所改动的内容，用户可以放弃获得的本应用信息服务。如果用户继续享用本应用的信息服务，则视为接受服务条款的变更。本应用保留随时修改或中断服务而不需要通知用户的权利。本应用行使修改或中断服务的权利，不需对用户或第三方负责。",
					"3. 用户行为",
					"3.1 用户账号、密码和安全",
					"您需注册登录账号方可使用我司产品功能。",
					"3.2 账号注册时的禁止行为",
					"（1）请勿以党和国家领导人或其他社会名人的真实姓名、字号、艺名、笔名注册；",
					"（2）冒充任何人或机构，或以虚伪不实的方式谎称或使人误认为与任何人或任何机构有关的名称；",
					"（3）请勿注册和其他网友之名相近、相仿的名字；",
					"（4）请勿注册不文明、不健康名字，或包含歧视、侮辱、猥亵类词语的名字；",
					"（5）请勿注册易产生歧义、引起他人误解的名字；",
					"3.3 用户在本应用上不得发布下列违法信息和照片：",
					"（1）反对宪法所确定的基本原则的；",
					"（2）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；",
					"（3）损害国家荣誉和利益的；",
					"（4）煽动民族仇恨、民族歧视，破坏民族团结的；",
					"（5）破坏国家宗教政策，宣扬邪教和封建迷信的；",
					"（6）散布谣言，扰乱社会秩序，破坏社会稳定的；",
					"（7）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；",
					"（8）侮辱或者诽谤他人，侵害他人合法权益的；",
					"（9）含有法律、行政法规禁止的其他内容的；",
					"（10）禁止骚扰、毁谤、威胁、仿冒网站其他用户；",
					"（11）严禁煽动非法集会、结社、游行、示威、聚众扰乱社会秩序；",
					"（12）严禁发布可能会妨害第三方权益的文件或者信息，例如（包括但不限于）：病毒代码、黑客程序、软件破解注册信息。",
					"（13）禁止上传他人作品。其中包括你从互联网上下载、截图或收集的他人的作品；",
					"（14）禁止上传广告、横幅、标志等网络图片；",
					"4. 服务内容",
					"本服务的具体内容由蜀游互娱根据实际情况提供，蜀游互娱可以对其提供的服务予以变更，且蜀游互娱提供的服务内容可能随时变更。",
					"",
					"隐私条款",
					"1.用户信息公开情况说明",
					"尊重用户个人隐私是蜀游互娱的一项基本政策。所以，蜀游互娱不会在未经合法用户授权时公开、编辑或透露其注册资料及保存在本应用中的非公开内容，除非有下列情况：",
					"（1）有关法律规定或蜀游互娱合法服务程序规定；",
					"（2）在紧急情况下，为维护用户及公众的权益；",
					"（3）为维护蜀游互娱的商标权、专利权及其他任何合法权益；",
					"（4）其他需要公开、编辑或透露个人信息的情况；",
					"在以下（包括但不限于）几种情况下，启奔科技有权使用用户的个人信息：",
					"（1）在进行促销或抽奖时，蜀游互娱可能会与赞助商共享用户的个人信息，在这些情况下蜀游互娱会在发送用户信息之前进行提示，并且用户可以通过不参与来终止传送过程；",
					"（2）蜀游互娱可以将用户信息与第三方数据匹配；",
					"（3）蜀游互娱会通过透露合计用户统计数据，向未来的合作伙伴、广告商及其他第三方以及为了其他合法目的而描述蜀游互娱的服务；",
					"2.隐私权政策适用范围",
					"（1）用户在使用本应用服务器时留下的个人身份信息；",
					"（2）用户通过本应用服务器与其他用户或非用户之间传送的各种资讯；",
					"（3）本应用与商业伙伴共享的其他用户或非用户的各种信息；",
					"（4）蜀游互娱软件十分注重保护用户的个人隐私，并制定了《隐私政策》，用户亦可以通过《隐私政策》，用户确认并同意使用蜀游互娱软件提供的服务将被视为接受《隐私政策》。",
					"3.资讯公开与共享",
					"蜀游互娱不会将用户的个人信息和资讯故意透露、出租或出售给任何第三方。但以下情况除外：",
					"（1）用户本人同意与第三方共享信息和资讯;",
					"（2）只有透露用户的个人信息和资讯，才能提供用户所要求的某种产品和服务;",
					"（3）应代表本应用提供产品或服务的主体的要求提供（除非我们另行通知，否则该等主体无权将相关用户个人信息和资讯用于提供产品和服务之外的其他用途）：根据法律法规或行政命令的要求提供;因外部审计需要而提供;用户违反了本应用服务条款或任何其他产品及服务的使用规定;经本站评估，用户的帐户存在风险，需要加以保护。",
					"4.非个人隐私信息",
					"为了改善蜀游互娱软件的技术和服务，向用户提供更好的服务体验，蜀游互娱或可会自行收集使用或向第三方提供用户的非个人隐私信息。",
					"5.如何联系我们",
					"您可以通过以下方式与我们联系，我们将在15天内回复您的请求：",
					"（1）如对本政策内容、个人信息有任何疑问、意见或建议，您可通过蜀游互娱客服邮箱：【912716425@qq.com】与我们联系。",
					"（2）如发现个人信息可能被泄露，您可以联系我们的客服人员进行投诉举报；",
					"如果您对我们的回复不满意，特别是您认为我们的个人信息处理行为损害了您的合法权益，您还可以通过向被告住所地有管辖权的法院提起诉讼来寻求解决方案。",
				],
				value: false,
				flag: false,
				phone: "",
				type: "",
				openidHF: "",
				openid: '',
				param: {},
				mobileSwiper: {
					autoplay: true,
					interval: 3000,
					duration: 1000,
					vertical: true,
				},

				timeData: {
					lastTime: 0,
					hour: 23,
					minute: 59,
					second: 59,
				}
			}
		},
		components: {

		},

		methods: {

			call() {
				uni.makePhoneCall({
					phoneNumber: '400-8825101',
					success: function() {
						console.log('拨打电话成功');
					},
					fail: function() {
						console.log('拨打电话失败');
					}
				});
			},
			getphonenumber(e) {

				if (e.detail.errMsg === "getPhoneNumber:ok") {
					//这里受机型与模拟器影响，errmsg信息各不相同，只能判断用户是否点击了允许按钮来判断，

					getPhone({
						openid: uni.getStorageSync('openidHF'),
						code: e.detail.code
					}).then((res) => {
						console.log(res)
						uni.setStorageSync('openid', res.data.openid)
						uni.setStorageSync('mobile', res.data.mobile)
						uni.setStorageSync('token', res.data.token)
						this.openid = uni.getStorageSync('openid')
						this.phone = uni.getStorageSync('mobile')

						this.add()

					})
					// code...
				} else {
					//如果没有走以上，均为点击了拒绝授权
					console.log('用户拒绝授权')
					// 通常会在这里弹出模态框，引导用户点击允许授权
				}

				//调用自己后台接口获取手机号
			},
			uuid() {
				var s = [];
				var hexDigits = "0123456789abcdef";
				for (var i = 0; i < 36; i++) {
					s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
				}
				s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
				s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
				s[8] = s[13] = s[18] = s[23] = "-";

				var uuid = s.join("");
				uni.setStorageSync('uuid', uuid)
				return uuid;
			},
			agreementChange() {
				console.log(this.value)
				this.value = !this.value
			},
			inputs() {
				console.log(this.phone)
			},



			okHandler() {
				if (uni.getStorageSync('param')) {

				} else {
					this.setParam('')
				}
				this.value = !this.value
				uni.showLoading({
					title: '请稍等',
					mask: true
				});
				clhksubOrder({
					mobile: this.phone,
					openid: uni.getStorageSync('openidHF'),
					a: this.a,
					param: uni.getStorageSync('param'),
					proType: 2,
					mini: 1,
					proCode: 'LH2520',
					uuid: uni.getStorageSync('uuid')
				}).then((ress) => {

					uni.hideLoading()
					this.flag1=true
					
				}).catch((err) => {

				})
			},
			setParam(value) {
				uni.setStorageSync('param', value)
			},
			add() {
			
				if (uni.getStorageSync('param')) {

				} else {
					this.setParam('')
				}
				console.log(this.phone)
				console.log(this.value)
				if (!/^1[3456789]\d{9}$/.test(this.phone)) {
					// 手机号格式不正确，提示用户
					wx.showToast({
						title: '请输入正确的手机号',
						icon: 'none'
					});
				} else if (this.value == false) {
					this.shows = true
				} else {

					uni.showLoading({
						title: '请稍等',
						mask: true
					});

					clhksubOrder({
						mobile: this.phone,
						openid: uni.getStorageSync('openidHF'),
						a: this.a,
						param: uni.getStorageSync('param'),
						proType: 2,

						proCode: 'LH2520',
						uuid: uni.getStorageSync('uuid'),
						mini: 1



					}).then((ress) => {

this.flag1=true
					}).catch((err) => {

					})
				}
				// order(){

				// }
			},
			call() {
				uni.makePhoneCall({
					phoneNumber: '400-8825101',
					success: function() {
						console.log('拨打电话成功');
					},
					fail: function() {
						console.log('拨打电话失败');
					}
				});
			}


		},
		onLoad(option) {
			setTimeout(() => {
				this.flagx = true
				setTimeout(() => {
					this.flagxx = true
					setTimeout(() => {
						this.flagxxx = true
					}, 1000)
				}, 1000)
			}, 1000)
			if (option.mobile) {
				this.phone = option.mobile
				console.log(this.phone)
			}

			getshenhe({
				pid: 2,
				ver: 709
			}).then((res) => {
				console.log(res)
				this.is = res.data.is
			})
			if (option.a) {

				this.a = option.a
			}
			if (option.id) {

				this.id = option.id
			}
			if (option.qcjParamStr) {
				this.setParam(option.qcjParamStr)
			}
			if (option.param) {
				this.setParam(option.param)
				// this.content1.push(option.param)

			}
			if (option.jtcAdRequestId) {
				this.setParam(option.jtcAdRequestId)
			}

			if (option.pushid) {
				this.setParam(option.pushid)
				setPushId(option.pushid)
			}
			if (option.token) {
				this.setParamToken(option.token)
			}

			if (option.clickid) {
				this.setParam(option.clickid)
			}
			if (option.tokenid) {
				this.setParam(option.tokenid)
			}
			if (option.tokenId) {
				this.setParam(option.tokenId)
			}
			if (option.llgclickid) {
				this.setParam(option.llgclickid)
			}
			if (option.requestId) {
				console.log(option.requestId)
				let a = {
					'requestId': option.requestId,
					'adId': option.adId,
					'pn': option.pn
				}
				console.log(a)
				if (a.requestId == null || a.requestId == undefined || a.requestId == 'null') {
					a.requestId = ''
				}
				if (a.adId == null || a.adId == undefined || a.adId == 'null') {
					a.adId = ''
				}
				if (a.pn == null || a.pn == undefined || a.pn == 'null') {
					a.pn = ''
				}
				console.log(JSON.stringify(a))
				this.setParam(JSON.stringify(a))

			}
			if (option.projectid) {

				let a = {
					'projectid': option.projectid,
					'promotionid': option.promotionid,
					'creativetype': option.creativetype,
					'clickid': option.clickid
				}
				console.log(a)
				if (a.projectid == null || a.projectid == undefined || a.projectid == 'null') {
					a.projectid = ''
				}
				if (a.promotionid == null || a.promotionid == undefined || a.promotionid == 'null') {
					a.promotionid = ''
				}
				if (a.creativetypen == null || a.creativetype == undefined || a.creativetype == 'null') {
					a.creativetype = ''
				}
				if (a.clickid == null || a.clickid == undefined || a.clickid == 'null') {
					a.clickid = ''
				}
				console.log(JSON.stringify(a))
				this.setParam(JSON.stringify(a))

			}
			if (uni.getStorageSync('mobile')) {
				this.phone = uni.getStorageSync('mobile')
			}

			if (!uni.getStorageSync('openidHF')) {
				wx.login({
					success(res) {
						if (res.code) {
							getAliUseridHjk({
								code: res.code,
								type: 3
							}).then((resx) => {
								console.log(resx)
								uni.setStorageSync('openidHF', resx.data.user_id)


							})
						} else {
							console.log('登录失败！' + res.errMsg)
						}
					}
				})
			}
			newtj({
				a: this.a,
				proCode: 'LH2520',

				uuid: this.uuid()

			}).then((res) => {

			})
			alipayadsta({
				a: this.a
			}).then((res) => {
				console.log(res)
			})



		},
		watch: {

		},
		computed: {

		}
	}
</script>

<style scoped lang='scss'>
	@keyframes butChange {
		0% {
			transform: scale(1);
		}

		50% {
			transform: scale(1.1);
		}

		100% {
			transform: scale(1);
		}
	}

	.tip-text {
		letter-spacing: 2rpx;
		font-size: 18rpx;
		color: #101010;
		text-align: center;
		margin-top: 6rpx;
	}

	.tip-texts {
		letter-spacing: 2rpx;
		font-size: 20rpx;
		color: #101010;
		text-align: center;
		margin-top: 6rpx;
		font-weight: bold;
	}

	//如果仅仅是<Button />
	button::after {
		border-style: none;
	}

	//如果给Button添加了type=primary属性
	button[type=primary] {
		border-style: none;
	}

	//如果给Button添加了 plain 的属性
	button[plain] {
		border-style: none;
	}

	//如果给Button添加了 type=primary 和 plain
	button[type=primary][plain] {
		border-style: none;
	}

	.top {
		position: relative;
		display: none;
		/* 先将元素隐藏 */
	}

	.topc {
		position: fixed;
		right: 10%;

		bottom: 20rpx;

		width: 80%;
		height: 110rpx;
		z-index: 99999999;
		animation: butChange 1s infinite;
	}

	.ts {
		animation: butChange 1s infinite;
	}

	.agreement-main-box {

		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url("https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flogin-shadow-bg.png") repeat;
		z-index: 9999;

		.agreement-box {
			border-radius: 20rpx;
			background-color: #faf7f2;
			padding: 30rpx;
			width: 85%;
			box-sizing: border-box;

			.title {
				text-align: center;
				color: #f94439;
				font-size: 28rpx;
				padding-bottom: 20rpx;
			}

			.content-box {
				max-height: 50vh;
				overflow: auto;

				.content {
					font-size: 25rpx;
					color: #515151;
					margin-top: 30rpx;
					line-height: 45rpx;
				}

			}

			.btn {
				width: 300rpx;
				font-size: 25rpx;
				letter-spacing: 2rpx;
				color: #fff;
				text-align: center;
				background-color: #f94338;
				border-radius: 120rpx;
				padding: 13rpx 0;
				font-size: 32rpx;
				margin: 10rpx auto 0;
			}
		}
	}

	.time-download {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 20rpx auto 42rpx;

		.icon {
			width: 39rpx;
			height: auto;
			display: block;
		}

		.title {
			font-family: Source Han Sans CN;
			font-weight: 400;
			font-size: 26rpx;
			color: #FC3A45;
			margin: 0 17rpx;

			// >view {
			// 	border-bottom: solid 0.8rem #ffed8b;
			// 	display: inline-block;
			// 	height: 2.1rem;
			// }
		}

		.time-box {

			display: flex;
			align-items: center;

			.box {
				width: 46rpx;
				height: 46rpx;
				line-height: 46rpx;
				background: linear-gradient(0deg, #FAE4A8, #FBF5DD);
				border-radius: 5rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				font-size: 24rpx;
				color: #FA514A;
				text-align: center;
			}

			.split {
				height: 46rpx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				font-size: 36rpx;
				color: #FFFFFF;
				margin: 0 7rpx;
				display: flex;
				align-items: center;
			}

		}
	}

	.mobile-swiper {
		width: 94%;
		margin: 0 auto 24rpx;
		height: 50rpx;
		background: #fdecc7;
		border-radius: 28rpx;
		padding: 0 34rpx;
		box-sizing: border-box;

		.swiper-item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-family: Source Han Sans CN;
			font-weight: 400;
			font-size: 24rpx;
			color: #FC4E50;

		}
	}

	.boss {
		position: relative;
		background-color: #77d9d6;
		min-height: 100%;
		margin-top: -100rpx;
	}

	.agreement-confirm-main-box {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url("https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flogin-shadow-bg.png") repeat;
		z-index: 2;

		.agreement-confirm-box {
			border-radius: 20rpx;
			background-color: #faf7f2;
			padding: 30rpx;
			width: 75%;
			box-sizing: border-box;
			padding: 63rpx 58rpx 38rpx;

			.title {
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #000000;
				text-align: center;
			}

			.content {
				font-size: 26rpx;
				font-family: Source Han Sans CN;
				color: #000000;
				text-align: justify;
				margin-top: 61rpx;
				line-height: 45rpx;

				.tip {
					color: #DB202D;
				}

			}

			.submit-btn {
				height: 110rpx;
				line-height: 110rpx;
				background: #51C78B;
				border-radius: 55rpx;
				margin-top: 52rpx;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
				text-align: center;
			}

			.cancel-btn {
				text-align: center;
				margin-top: 36rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #999999;
			}
		}
	}

	.mobile-btn {
		background: #77d9d6;
		padding: 0;
		margin: 0;
		border: 1px solid #9febfc;
		animation: butChange 1s infinite;
		box-shadow: none;
		border-style: none;


		border::after {

			padding: 0;
			margin: 0;
			border: 1px solid #9febfc;
			content: none;
			border-style: none;
		}

		.submit-btn {

			width: 90%;
			height: auto;
			display: block;
			margin: 0 auto;
		}

	}

	.topss {
		position: absolute;
		top: 430rpx;

		width: 466rpx;
		left: 142rpx;
	}

	.centers {
		position: absolute;
		top: 366rpx;
		width: 100%;
		height: auto;
	}

	.centers1 {
		position: absolute;
		top: 492rpx;
		width: 172rpx;
		left: 25rpx;
		height: auto;
	}

	.centers2 {
		position: absolute;
		top: 492rpx;
		width: 172rpx;
		left: 336rpx;
		height: auto;
	}

	.centers3 {
		position: absolute;
		top: 830rpx;
		width: 172rpx;
		left: 25rpx;
		height: auto;

	}
</style>